<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <style>
    .list{
    	background-color: #FFFFFF;
    }
    .list .category{
    	height: 1.6em;
    	background-color: #f5f5f5;
    	padding: 0.6em 0em 0em 0.7em;
    	border-bottom: 1px solid #ebebeb;
    }
    .list .category .name{
    	color: #333333;
    	font-size: 1em;
    	line-height: 1em;
    }
    .list .item{
    	border-bottom: 1px solid #ebebeb;
    	padding: 0.7em 0.7em 0.8em 0.6em;
    	height: 4.5em;
    }
    .list .itemActive{
    	background-color: #efefef;
    }
    .item .ico{
		float: left;
		margin-right: 0.5em;
    }
    .item img{
		width: 100%;
		height: 100%;
    }
    .item .body{
    	
    }
    .item .title{
    	color: #333333;
    	font-size: 1.1em;
    	line-height: 1.3em;
    	padding-top: 0.5em;
    	word-break: break-all; word-wrap:break-word;	/* 自动换行 */
    }
    .item .subTitle{
    	color: #9a9a9a;
    	font-size: 0.8em;
    	line-height: 1.1em;
    	padding: 0.5em 0 0.5em 0;
    }
    </style>
</head>
<body>
<div id="wrap">
	<div class="list" id="list">
		<div class="category">
		    <span class="name">
		        »草榴休閑區
		    </span>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '7', '技術討論區')">
		    <div class="ico">
		        <img src="../image/forum/1.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            技術討論區
		        </div>
		        <div class="subTitle">
		            日常生活 興趣交流 時事經濟 求助求檔 會員閑談吹水區
		        </div>
		    </div>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '8', '新時代的我們')">
		    <div class="ico">
		        <img src="../image/forum/2.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            新時代的我們
		        </div>
		        <div class="subTitle">
		            草榴貼圖區 加大你的帶寬! 加大你的內存! 加大你的顯示器!
		        </div>
		    </div>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '16', '達蓋爾的旗幟')">
		    <div class="ico">
		        <img src="../image/forum/3.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            達蓋爾的旗幟
		        </div>
		        <div class="subTitle">
		            草榴自拍區 分享你我光圈下的最美
		        </div>
		    </div>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '20', '成人文學交流區')">
		    <div class="ico">
		        <img src="../image/forum/4.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            成人文學交流區
		        </div>
		        <div class="subTitle">
		            草榴文學區 歡迎各位發表
		        </div>
		    </div>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '9', '草榴資訊')">
		    <div class="ico">
		        <img src="../image/forum/5.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            草榴資訊
		        </div>
		        <div class="subTitle">
		            公告有關本站最新動向 會員須知 請經常來看看
		        </div>
		    </div>
		</div>
		<div class="category">
		    <span class="name">
		        »BT電影下載
		    </span>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '2', '亞洲無碼原創區')">
		    <div class="ico">
		        <img src="../image/forum/6.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            亞洲無碼原創區
		        </div>
		        <div class="subTitle">
		            自由發布亞洲最新無修正資訊片 亞洲無碼V大聯盟
		        </div>
		    </div>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '15', '亞洲有碼原創區')">
		    <div class="ico">
		        <img src="../image/forum/7.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            亞洲有碼原創區
		        </div>
		        <div class="subTitle">
		            自由發布亞洲最新有修正資訊片 以及三級等其他資訊片
		        </div>
		    </div>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '4', '歐美原創區')">
		    <div class="ico">
		        <img src="../image/forum/8.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            歐美原創區
		        </div>
		        <div class="subTitle">
		            自由發布純正的歐美成人資訊片
		        </div>
		    </div>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '5', '動漫原創區')">
		    <div class="ico">
		        <img src="../image/forum/9.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            動漫原創區
		        </div>
		        <div class="subTitle">
		            自由發布任何H動畫漫畫
		        </div>
		    </div>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '21', 'HTTP下載區')">
		    <div class="ico">
		        <img src="../image/forum/10.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            HTTP下載區
		        </div>
		        <div class="subTitle">
		            自由發布各類HTTP/Ray/eMule等方式下載
		        </div>
		    </div>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '22', '在綫成人影院')">
		    <div class="ico">
		        <img src="../image/forum/11.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            在綫成人影院
		        </div>
		        <div class="subTitle">
		            在綫欣賞,即點即看
		        </div>
		    </div>
		</div>
		<div class="item" tapmode="itemActive" onclick="openForumList( '10', '草榴影視庫')">
		    <div class="ico">
		        <img src="../image/forum/12.png" />
		    </div>
		    <div class="body">
		        <div class="title">
		            草榴影視庫
		        </div>
		        <div class="subTitle">
		            發布-3個月后的帖子,會轉移到這里,保留一段時間后,刪除(會員可看)
		        </div>
		    </div>
		</div>
	
		<script id="template" type="text/x-dot-template">
		{{ for(var i=0; i<it.length; i++){ }}
			<div class="category">
				<span class="name">{{=it[i].catname}}</span>
			</div>
			{{ for(var j=0; j<it[i].forum.length; j++){ }}
				<div class="item"  tapmode="itemActive" onclick="openForumList( '{{=it[i].forum[j].fid}}', '{{=it[i].forum[j].fname}}')">
					<div class="ico">
						<img src="{{=it[i].forum[j].fico}}"/>
					</div>
					<div class="body">
						<div class="title">
							{{=it[i].forum[j].fname}}
						</div>
						<div class="subTitle">
							{{=it[i].forum[j].fdes}}
						</div>
					</div>
				</div>
			{{ } }}
		{{ } }}
		</script>
	</div>
</div>

<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/doT.min.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/config/frm_forum_data.js"></script>
<script>
apiready = function () {
	/*
    var list = $api.byId('list');
    var tpl = $api.byId('template').text;
    var tempFn = doT.template(tpl);
    var html = tempFn(forum_data);
    $api.html(list, html);
    api.parseTapmode();
    */
}


function openForumList(fid, fname){
    api.openWin({
        name: 'win_forum_list',
        url: 'win_forum_list.html',
        pageParam: {fid: fid, fname: fname}
    });
}
</script>
</body>
</html>